﻿@model ApCMS.Models.HomeModel
@{
    ViewBag.Title = "Home Page";   
}
<div id="content">
    <br />
    <div class="container clearfix">
        <div class="flexslider">
            <ul class="slides">
                @foreach (var list in Model.ArticleList)
                {
                    <li>
                        <img src="@list.ImageUrl" data-thumb="@list.ImageUrl"
                            alt="" title="@list.Title" />
                    </li> 
                }
            </ul>
        </div>
        <div class="horizontal-line">
        </div>
    </div>
    <div class="container clearfix">
        <ul id="projects-carousel">
            <!-- PROJECT ITEM STARTS -->
            @foreach (var pro in Model.ProductList)
            {
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="@pro.PhotoLarge" title="@pro.Name"
                                        data-rel="prettyPhoto" class="zoom">View Image</a>
                                    <img src="@pro.Photo"
                                        alt="@pro.Name" width="220" height="120"  class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            }
        </ul>
    </div>
</div>
